<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>我的课程</title>
		<link rel="stylesheet" type="text/css" href="../css/public.css" />
		<link rel="stylesheet" type="text/css" href="../css/topbo_public.css" />
		<link rel="stylesheet" type="text/css" href="../css/live.css" />
		<script src="../js/rem.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="my-courses purchasekc">
			<div class="playback">
				<div class="toop-public space-between">
					<a href="#" class="reverse">
						<img src="../img/reverse.svg">
					</a>
					<h3 class="title">个人中心</h3>
					<div class="function">
						<img src="../img/function.png">
					</div>
				</div>
				
				<ul>
					<!-- 选项卡 -->
					<li>已报名直播(2)</li>
					<li>历史播放/回放</li>
				</ul>
				
				<div class="pur-center flex">
					<div class="images over-hidden">
						<img src="../img/purchasekc01.png">
					</div>
					<div class="pur-right">
						<div class="title">
							<strong>学习课程标题1</strong>
							<span>直播中</span>
						</div>
						<p>报名时间：2018.2.27 11.00.25</p>
						<p>主讲：陈安之老师</p>
					</div>
					<div class="start">
						<span class="spana">缴费成功</span>
						<p class="pa">进入</p>
					</div>
				</div>
				<div class="pur-center flex">
					<div class="images over-hidden">
						<img src="../img/purchasekc01.png">
					</div>
					<div class="pur-right">
						<div class="title">
							<strong>学习课程标题1</strong>
							<span>直播中</span>
						</div>
						<p>报名时间：2018.2.27 11.00.25</p>
						<p>主讲：陈安之老师</p>
					</div>
					<div class="start">
						<span class="spanb">待缴费</span>
						<p class="pb">进入</p>
					</div>
				</div>
				
				<div class="pur-center flex">
					<div class="images over-hidden">
						<img src="../img/purchasekc01.png">
					</div>
					<div class="pur-right">
						<div class="title">
							<strong>学习课程标题1</strong>
						</div>
						<p>报名时间：2018.2.27 11.00.25</p>
						<p>主讲：陈安之老师</p>
					</div>
					<div class="start">
						<p class="pa">回放</p>
					</div>
				</div>
				<div class="pur-center flex">
					<div class="images over-hidden">
						<img src="../img/purchasekc01.png">
					</div>
					<div class="pur-right">
						<div class="title">
							<strong>学习课程标题1</strong>
						</div>
						<p>报名时间：2018.2.27 11.00.25</p>
						<p>主讲：陈安之老师</p>
					</div>
					<div class="start">
						<p class="pa">回放</p>
					</div>
				</div>
				
				
				
				<div class="footer-public ">
					<ul class="space-around">
						<li>
							<div class="box-icon">
								<img src="../img/home-page.svg">
							</div>
							<span>首页</span>
						</li>
						<li>
							<div class="box-icon">
								<img src="../img/classify.svg">
							</div>
							<span>分类</span>
						</li>
						<li>
							<div class="apply">
								<p>文体</p>
								<p>活动</p>
							</div>
							<span class="polaris">报名</span>
						</li>
						<li>
							<div class="box-icon">
								<img src="../img/shopping.svg">
							</div>
							<span>购物车</span>
						</li>
						<li>
							<div class="box-icon">
								<img src="../img/mine.svg">
							</div>
							<span>我的</span>
						</li>
					</ul>
				</div>
			</div>
	</body>
</html>
